<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8" />
  <title>Picture</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1" />
  <!-- Link Swiper's CSS -->
  <link rel="stylesheet" href="swiper\swiper-bundle.min.css" />
  <link rel="stylesheet" href="CSS/picture.css">
  <link rel="icon" href="images/Xwuhuan.png" type="image/x-icon">
</head>

<body>
  <div class="top">
    <img src="images/wuhuan.jpg" alt="Olympic Rings">
    <ul class="Topnavbar">
      <li><a href="Future.html">奥运会</a></li>
      <li><a href="Sports.html">体育新闻</a></li>
      <li><a href="Index.html">运动员</a></li>
      <li><a href="Originality.html">创意周边</a></li>
      <li><a href="Message.html">在线留言</a></li>
      <li><a href="Picture.html">精彩瞬间</a></li>
    </ul>
  </div>
  
  <div class="main">
    <p class="left">时间仿佛在这一刻凝固，观众的尖叫声、裁判的哨声、计时器的滴答声，所有的一切在这一刻都化为背景，只有他，站在胜利的巅峰，享受着属于他的荣耀时刻。这是属于他的瞬间，是运动精神的完美展现，是竞技场上永恒的精彩瞬间。</p>
    <h1 class="right">精彩瞬间</h1>
  </div>

  <!-- Swiper -->
  <div class="swiper mySwiper">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
        <img src="images/A-2.jpg" />
      </div>
      <div class="swiper-slide">
        <img src="images/C-1.jpg" />
      </div>
      <div class="swiper-slide">
        <img src="images/C-2.jpg" />
      </div>
      <div class="swiper-slide">
        <img src="images/C-3.jpg" />
      </div>
      <div class="swiper-slide">
        <img src="images/A-3.jpg" />
      </div>
      <div class="swiper-slide">
        <img src="images/G-1.jpg" />
      </div>
      <div class="swiper-slide">
        <img src="images/G-2.jpg" />
      </div>
      <div class="swiper-slide">
        <img src="images/G-3.jpg" />
      </div>
      <div class="swiper-slide">
        <img src="images/A-5.jpg" />
      </div>
      <div class="swiper-slide">
        <img src="images/H-1.jpg" />
      </div>
      <div class="swiper-slide">
        <img src="images/H-2.jpg" />
      </div>
      <div class="swiper-slide">
        <img src="images/H-3.jpg" />
      </div>
      <div class="swiper-slide">
        <img src="images/A-4.jpg" />
      </div>
      <div class="swiper-slide">
        <img src="images/L-1.jpg" />
      </div>
      <div class="swiper-slide">
        <img src="images/L-2.jpg" />
      </div>
      <div class="swiper-slide">
        <img src="images/L-3.jpg" />
      </div>
      <div class="swiper-slide">
        <img src="images/A-6.jpg" />
      </div>
      <div class="swiper-slide">
        <img src="images/S-1.jpg" />
      </div>
      <div class="swiper-slide">
        <img src="images/S-2.jpg" />
      </div>
      <div class="swiper-slide">
        <img src="images/S-3.jpg" />
      </div>
      <div class="swiper-slide">
        <img src="images/A-1.jpg" />
      </div>
    </div>
    
  </div>

  <!-- Swiper JS -->
  <script src="swiper/swiper-bundle.min.js"></script>

  <!-- Initialize Swiper -->
  <script>
    var swiper = new Swiper(".mySwiper", {
      effect: "coverflow",
      grabCursor: true,
      centeredSlides: true,
      slidesPerView: "auto",
      coverflowEffect: {
        rotate: 50,
        stretch: 0,
        depth: 100,
        modifier: 1,
        slideShadows: true,
      },

      autoplay:{
        delay:2500,
        disableOnInteraction:false,
      },
    });
  </script>


  <div class="title">运动项目最新动态</div>
  <div class="bottom">
    <div class="up">
      <a href="https://olympics.com/zh/news/isu-short-track-world-tour-seoul-preview">
        <img src="images/duandaosuhua.jpg" alt="短道速滑">
        <h2>2024/25赛季ISU短道速滑世界巡回赛北京站：中国队摘得混合团体2000米接力金牌</h2>
        <p>短道速滑 | 世界巡回赛 | 北京</p>
      </a>
    </div>

    <div class="down">
      <a href="https://olympics.com/zh/news/ittf-mixed-team-world-cup-2024-second-stage-fifth-sixth-round-wrap-up">
        <img src="images/ppqbisai.jpg" alt="乒乓球世界杯">
        <h2>2024年国际乒联混合团体世界杯：中国队零封法国和罗马尼亚，豪取9连胜晋级四强</h2>
      </a>
    </div>

  </div>


  <div class="under">
    <div class="Bottonnavbar">
      
      <div class="logo">
        <img src="images/wuhuan-2.jpg" alt="Olympic Logo">
      </div>
    
      <div class="section">
        <a href="index.html" class="first-row">奥运会</a>
        <a href="#" class="rows">巴黎2024</a>
        <a href="#" class="rows">结果和奖牌</a>
        <a href="#" class="rows">回看和集锦</a>
        <a href="#" class="rows">全部奥运会</a>
      </div>

      <div class="section">
        <a href="https://olympics.com/zh/olympic-channel" class="first-row">Olympic Channel</a>
        <a href="#" class="rows">电视频道</a>
        <a href="#" class="rows">直播赛事</a>
        <a href="#" class="rows">原创系列</a>
        <a href="#" class="rows">企业</a>
      </div>

      <div class="section">
        <a href="https://olympics.com/zh/news" class="first-row">新闻</a>
        <a href="#" class="rows">博客</a>
        <a href="#" class="rows">话题</a>
      </div>

      <div class="section">
        <a href="#" class="first-row">探索</a>
        <a href="#" class="rows">运动员</a>
        <a href="#" class="rows">运动项目</a>
      </div>
    </div>
    
    <div class="footer">
      <a href="#">国际奥委会</a>
      <a href="#">博物馆</a>
      <a href="#">商店</a>
      <a href="#">关于我们</a>
      <a href="#">联络中心</a>
      <a href="#">站点地图</a>
      <a href="#">生涯</a>
    </div>
    
    <div class="end">
      <p class="copyright">本次设计参照奥林匹克运动员网站制作@https://olympics.com/zh/athletes</p>
    </div>

  </div>


</body>

</html>
